<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery-dom结构-其他</title>
</head>
<body>

<div id="box1">
    <h1 id="logo">hello</h1>
</div>

</body>
<script src="../../lib/jquery.js"></script>
<script>

    /* let box1 = document.getElementById('box1');
     let logo = document.getElementById('logo');
     box1.removeChild(logo);*/

   //  $('#logo').remove();

   /*  let test = $('<h1>test</h1>');
     $('#logo').replaceWith(test);*/

    let test = $('<h1>test</h1>');  // insertBefore
   // $('#logo').before(test);

     $('#logo').after(test);
</script>

</html>